﻿ <link href="@Url.Content("~/ContentTMT/dateui.css")" rel="stylesheet" />
<script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $("#Date1").datepicker();
            $("#Date2").datepicker();
            $("#Date1").datepicker("option", "dateFormat", "dd/mm/yy");
            $("#Date2").datepicker("option", "dateFormat", "dd/mm/yy");
        });
    });
</script>
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Định mức chi phí</h4>
            </div>

            <div class="modal-body">
                <!-- The form is placed inside the body of modal -->
                <form id="CheckValid" method="post" class="form-horizontal">
                    <input type="hidden" id="ID" name="ID" />
                    <div class="form-group">
                        <label class="col-md-3 control-label">Loại công cụ</label>
                        <div class="col-md-8">
                            <select id="Level" name="Level" class="form-control">
                                @foreach (var item in ViewData["Level"] as IEnumerable<Data.Models.ToolType>)
                                { 
                                    <option value="@item.ID">@item.Name</option>
                                }
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="dtEfective" class="col-md-3 control-label">Ngày bắt đầu</label>
                        <div class="col-md-8">
                            <div class='input-group date'>
                                <input type="text" class="form-control" id="Date1" name="Date1" >
                            </div>

                        </div>
                    </div>
                    <div class="form-group">
                        <label for="dtEfective" class="col-md-3 control-label">Ngày kết thúc</label>
                        <div class="col-md-8">
                            <div class='input-group date'>
                                <input type="text" class="form-control" id="Date2" name="Date2" >
                            </div>

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">Đơn vị tính</label>
                        <div class="col-md-8">
                            <select id="UOMID" name="UOMID" class="form-control">
                                @foreach (var item in ViewData["UOM"] as IEnumerable<Data.Models.UOM>)
                                { 
                                    <option value="@item.ID">@item.Name</option>
                                }
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">Định mức </label>
                        <div class="col-md-8">
                            <input type="text" id="Norm" class="form-control" name="Norm" />
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-8 col-md-offset-3">
                            <button type="submit" class="btn btn-default" style="width:100px;">Lưu</button>
                           <button type="button" class="btn btn-default" style="width:100px;" data-dismiss="modal" aria-hidden="true">Hủy</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
